<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="shoppingcarttitle">
        <table width="100%" border="0">
          <tr>
            <td>
            </td>
          </tr>
    	</table>
    </td>
  </tr>
  <tr>
    <td class="shoppingcartitem">
    <table width="90%" border="0" cellspacing="0" cellpadding="2">
      <tr>
        <td><span style="font-weight:bold; font-style:italic; font-size:13px"># ITEM</span></td>
        <td align="right"><span style="font-weight:bold; font-style:italic; font-size:13px">$ PRICE</span></td>
      </tr>
    {#foreach $T.items as oitem}
      <tr>
        <td><span style="font-style: italic; font-size:12px; padding-left:10px;">{$T.oitem.itemName}</span></td>
        <td align="right"><span style="font-style: italic; font-size:12px">{$T.oitem.unitAmount.toFixed(2)}</span></td>
      </tr>
    {#/for}
    </table>
    </td>
  </tr>
  <tr>
    <td class="shoppingcarcheckout">
      <table width="90%" border="0" cellspacing="0" cellpadding="2">
      <tr>
        <td><span style="font-style: italic; font-size:12px">Subtotal:</span></td>
        <td align="right"><span style="font-style: italic; font-size:12px">{$T.subtotal.toFixed(2)}</span></td>
      </tr>
      <tr>
        <td><span style="font-style: italic; font-size:12px">Service Charge:</span></td>
        <td align="right"><span style="font-style: italic; font-size:12px">{$T.serviceCharge.toFixed(2)}</span></td>
      </tr>
      <tr>
        <td><span style="font-style: italic; font-size:12px">Total:</span></td>
        <td align="right" style="border-top:dashed">
        	<span style="font-style: italic; font-size:14px">{$T.totalAmount.toFixed(2)}</span>
        </td>
      </tr>
      <tr>
        <td><span style="font-style: italic; font-size:12px">This order Delivery 3-7 workdays</span></td>
      </tr>
      <tr>
        <td><a href="#" onclick="loadOrderDetail();"> Checkout </a></td>
      </tr>
      </table>
      </td>
  </tr>
</table>
